<template lang="">
  <div>
    <div class="tou">
      <div class="geren">个人中心</div>
      <div class="liyeu">
        <img src="./images/组 1(1).png" />
        <span class="liyue1">李月</span>
      </div>
    </div>
    <div class="zhong">
      <button class="btn">立即认证</button>
    </div>
    <div class="di">
      <van-cell title="邀请好友" is-link />
      <van-cell title="我的好友" is-link />
      <van-cell title="机构管理" is-link />
      <van-cell title="我的机构" is-link />
    </div>
  </div>
</template>
<script>
export default {}
</script>
<style>
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.tou {
  height: 218px;
  width: 375px;
  background: url("./images/背景.png");
}
.geren {
  text-align: center;
  padding-top: 33.5px;
  color: #fff;
}
.liyeu {
  margin-top: 33px;
  margin-left: 12.5px;
}
.liyue1 {
    position: absolute;
  top: 115px;
  left: 100px;
  color: #fff;
}
.zhong {
  position: relative;
  height: 100px;
  top: -40px;
  background: url("./images/组 1.png");
}
.btn {
  position: absolute;
  width: 67px;
  height: 26px;
  font-size: 12px;
  color: #d95d12;
  border: 0;
  left: 272.5px;
  top: 37px;
  background: linear-gradient(to right, #ffa84a, #ffdbbc);
  border-radius: 20px;
}
.di{
  margin-top: -50px;
}
</style>
